<template>
	<view>
		<view class="apply_user">
			<image src="/static/1018.png"></image>
			 <view class="user_right">
				 <view class="user_right_woker">
					 <text>雇用师傅：王佳</text>
				 </view>
				 <view class="user_right_other">
				 	<text>施工时间：5:00 至 6:00</text>
				 </view>
				 <view class="user_right_other">
				 	<text>工种：水电、开锁、水电</text>
				 </view>
			 </view>
		</view>
		<view class="apply_mesage">
			<view class="apply_mesage_list">
				<text class="apply_mesage_list_title">退款原因</text>
				<view class="apply_mesage_list_content">
					<text>请选择</text>
					<image src="/static/tz.png"></image>
				</view>
			</view>
			<view class="apply_mesage_listOther">
				<text class="listOther_title">退款金额:</text>
				<text class="listOther_money">￥200</text>
			</view>
			<view class="apply_mesage_listOther">
				<text class="listOther_title">退款说明:</text>
				<input type="text" placeholder="请填写退款说明" placeholder-class="placStyle">
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
page{
	background-color: #f4f8fb;
}
.placStyle{
	color: #888888;
	font-size: 28rpx;
}
.apply_user{
	width: 100%;
	height: 226rpx;
	background-color: #FFFFFF;
	margin-top: 20rpx;
	padding: 0 30rpx;
	display: flex;
	align-items: center;
	image{
		width: 160rpx;
		height: 160rpx;
		border-radius: 10rpx;
		margin-right: 24rpx;
	}
	.user_right{
		flex: 1;
		height: 160rpx;
		.user_right_woker{
			font-size: 30rpx;
			color: #222222;
			margin-bottom: 20rpx;
		}
		.user_right_other{
			font-size: 28rpx;
			color: #222222;
			margin-bottom: 15rpx;
		}
		.user_right_other:last-child{
			margin-bottom: 0;
		}
	}
}
.apply_mesage{
	margin-top: 20rpx;
	width: 100%;
	height: 251rpx;
	background-color: #FFFFFF;
	padding: 0 30rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	.apply_mesage_list{
		display: flex;
		justify-content: space-between;
		align-items: center;
		.apply_mesage_list_title{
			color: #222222;
			font-size: 28rpx;
		}
		.apply_mesage_list_content{
			display: flex;
			align-items: center;
			image{
				width: 15rpx;
				height: 24rpx;
				margin-left: 21rpx;
			}
			text{
				color: #888888;
				font-size: 26rpx;
			}
		}
	}
	.apply_mesage_listOther{
		display: flex;
		align-items: center;
		.listOther_title{
			font-size: 28rpx;
			color: #222222;
		}
		.listOther_money{
			font-size: 28rpx;
			color: #FF0000;
			margin-left: 20rpx;
		}
		input{
			flex: 1;
			margin-left: 20rpx;
			font-size: 28rpx;
		}
	}
}
</style>
